<!DOCTYPE html>
<html class="x-admin-sm">

	<head>
		<meta charset="UTF-8">
		<title>欢迎页面-X-admin2.2</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.cookie.js"></script>

	<body>
		<div class="layui-fluid">
			<div class="layui-row">
				<form class="layui-form" id="form1">
					<input type="hidden" id="s0" name="userId" />
					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                          <span class="x-red">*</span>登录名
                      </label>
						<div class="layui-input-inline">
							<input type="text" id="s1" name="loginName" required="" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">
							<span class="x-red"></span>
						</div>
					</div>

					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                          <span class="x-red">*</span>用户名
                      </label>
						<div class="layui-input-inline">
							<input type="text" id="s2" name="userName" required="" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">
						</div>
					</div>
					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                          <span class="x-red">*</span>邮箱
                      </label>
						<div class="layui-input-inline">
							<input type="text" id="s3" name="email" required="" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">
						</div>
					</div>

					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
                          <span class="x-red">*</span>电话
                      </label>
						<div class="layui-input-inline">
							<input type="text" id="s4" name="tel" required="" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-mid layui-word-aux">
						</div>
					</div>
					<label for="L_repass" class="layui-form-label">
                      </label>
					<button type="button" class="layui-btn" lay-filter="add" lay-submit="" id="btn">
                                                   修改个人信息
                      </button>
			</div>
			</form>
		</div>
		</div>
		<script>
			layui.use(['form', 'layer'],
				function() {
					$ = layui.jquery;
					var form = layui.form,
						layer = layui.layer;
					var name = $.cookie("name");
					$.ajax({
						type: "get",
						url: "http://localhost:9095/admin/sysUser/listAll",
						async: true,
						headers: {
							"token2": $.cookie("token2")
						},
						data: {

						},
						success(msg) {
							var sel = $("#sel");
							$.each(msg.data, function(index, obj) {
								var opt = $("<option value=" + obj.roleId + ">" + obj.roleName + "</option>");
								sel.append(opt);
							})
							form.render();
						}
					});
					$(function() {
						$.ajax({
							type: "get",
							url: "http://localhost:9095/admin/sysUser/selectName",
							async: true,
							headers: {
								"token2": $.cookie("token2")
							},
							data: {
								"name": name
							},
							success(msg) {
								console.log(msg.data);
								var ms = msg.data;
								document.getElementById("s0").value = ms.userId;
								document.getElementById("s1").value = ms.loginName;
								document.getElementById("s2").value = ms.userName;
								document.getElementById("s3").value = ms.email;
								document.getElementById("s4").value = ms.tel;
							}
						});

					})
					$("#btn").click(function() {
						$.ajax({
							type: "post",
							url: "http://localhost:9095/admin/sysUser/update",
							async: true,
							data: $("#form1").serialize(),

							headers: {
								"token2": $.cookie("token2")
							},
							success(msg) {
								if(msg.code == 200) {
									if(name != $("#s1").val()) {
										layer.alert("用户名被更改，请重新登录", {
												icon: 5
											},
											function() {
												xadmin.close();
												window.history.go(-1);
												location.href = "login.html";
											})

									} else {
										alert("更新成功")
										xadmin.close();
										// 可以对父窗口进行刷新 
										xadmin.father_reload();
									}

								} else {
									alert("更新失败")
								}
							}
						});
					});
				});
		</script>
	</body>

</html>